View {
  box-sizing: border-box;
}

.store-box {
  position: relative;
  z-index: 2;
  background-color: #fff;
  width: 702px;
  // height: 374px;
  border-radius: 12px;
  margin: 0 auto;
  overflow: hidden;
  // background-image: url('https://test-pub-api.jekunauto.com/uploads/7/20210416/93UnAF0czeYLh-8OqFKgagL8FK3dUzoz.png');
  background-repeat: no-repeat;
  // background-attachment:fixed;
  background-position: center;

  .head {
    height: 80px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #e5e5e5;

    .head_name {
      display: flex;
      align-items: center;
      font-size: 28px;
      color: #333333;

      .head_name_img {
        width: 44px;
        height: 44px;
        display: block;
        flex-shrink: 0;
        margin-right: 8px;
      }
    }

    .head_all {
      display: flex;
      align-items: center;

      .head_all_text {
        color: #999999;
        font-size: 24px;
        margin-right: 6px;
      }
    }
  }

  .main {
    padding: 24px;
    padding-right: 0;
    display: flex;

    .main_store {
      width: 148px;
      height: 148px;
      border-radius: 12px;

      .main_store_img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 12px;
      }
    }

    .main_msg {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 0 24px;

      .main_msg_name {
        font-size: 30px;
        line-height: 43px;
        color: #333333;
      }

      .main_msg_address {
        font-size: 24px;
        color: #999999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        /*! autoprefixer: off */
        -webkit-box-orient: vertical;
      }

      .main_msg_phone {
        font-size: 24px;
        color: #12b3ff;
      }
    }

    .main_distance {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 148px;
      height: 148px;
      border-left: 2px solid #e5e5e5;

      .main_distance_img {
        display: block;
        width: 44px;
        height: 44px;
      }

      .main_distance_num {
        font-size: 24px;
        color: #12b3ff;
        margin-top: 16px;

        &::after {
          font-size: 24px;
          color: #12b3ff;
          content: "km";
        }
      }
    }
  }
}
